<!-- author: 汪孟苹 -->
<link rel="stylesheet" href="page/res/css/plugins/dataTables.bootstrap.css"/>
<link rel="stylesheet" href="page/followup/css/datatable/datatable.css">
<link rel="stylesheet" href="page/followup/css/courseReservation/addCourse.css">
<body>
	<div class="panel panel-default">
	  	<div class="panel panel-default">
	  	<div class="panel-heading">
	    	<h3 class="panel-title" data-language="true" data-language-key="courseListcourseList">课程预约</h3>
	  	</div>
	  	<div class="panel-body courseList-wrap">
	  		<div class="form-horizontal clearfix">
	  			<div class="dt-card form-group grid-label-4">
				    <label for="serchCourseName" class="control-label">课程名称</label>
				    <div class="control-input">
				      	<input id="serchCourseName" type="text" class="form-control" placeholder="">
				    </div>
				</div>
				<div class="dt-card form-group grid-label-4">
				    <label for="serchLecturerName" class="control-label">讲师</label>
				    <div class="control-input">
				      	<input id="serchLecturerName" type="text" class="form-control" placeholder="">
				    </div>
				</div>
				<div class="dt-card form-group grid-label-4">
				    <label for="serchStartDate" class="control-label">开课时间</label>
				    <div class="control-input clearfix">
						<div class="grid-range grid-range-time">
					      	<input id="serchStartDate" type="date" class="form-control">
					    </div>
						<div class="grid-range grid-range-i">
					      	<i>-</i>
					    </div>
					    <div class="grid-range grid-range-time">
					      	<input id="serchEndDate" type="date" class="form-control">
					    </div>
				    </div>
				</div>
				<div class="dt-card form-group pull-right grid-label-4" style="margin-right:50px">
			      	<button type="button" class="btn btn-info" id="serchBtn">查询</button>
			      	<button type="button" class="btn btn-default" id="exportBtn">导出</button>
				</div>
			</div>
			<table id="addCourse" class="table table-striped table-bordered table-hover"> 
			    <thead> 
			     	<tr> 
			     		<th>课题编号</th>
					    <th>课程图片</th>
					    <th>课程名字</th> 
					    <th>讲师</th>
					    <th>预约日期</th> 
					    <th>可预约人数</th> 
					    <th>开始时间</th>
					    <th>结束时间</th> 
					    <th>操作</th> 
			     	</tr> 
			    </thead> 
			    <tbody></tbody>
		   	</table> 
	  	</div>
	</div>
<script type="text/javascript">
	require(['jquery','fu/app/courseReservation/addCourse'],function($,$addCourse){
		$addCourse.init();
	});
</script>
</body>
